@uni-bg-color-hover:#f1f1f1;
//整个页面的背景色
page {
	background: #f4f4f4;
	height: 100%;
}
//分段器
.segmented{
	border-bottom: 1px solid @uni-bg-color-hover;
}

//订单信息
	.image{
		width: 167upx;
	    height: 167upx;
	}
.orderDetail{
	display: flex;
	position: relative;
	font-size: 28upx;
	padding: 24upx 20upx;
	margin-top: 10px;
	background: #fff;
	.detail{
		margin-left: 20upx;

		view:nth-of-type(2){
			margin-top: 20upx;
		}
		view:nth-of-type(3){
			margin-top: 40upx;
		}
		.paymentStatus{
			position: absolute;
            right: 10px;
			color: red;
			.iconfont{
				margin-left: 10upx;
			    //vertical-align: baseline;	
			}
		}
		.eatStatus{
			color: gray;
			font-size: 10px;
			display: inline-block;
		}
		.foodInfo{
			.money{
				position: absolute;
				right: 20upx;
			}
		}
		
	}
}

//我最爱吃
.grayAndFont22{
	font-size: 22upx;
	color: gray;
}
.myLoveEat{
	position: relative;
	padding: 0 20upx;
	padding-bottom: 20upx;
	margin-top: 20upx;
	background: #fff;
	.myLoveEatTitle{
		padding: 6px 0px;
		padding-top: 4px;
		.title{
			font-size: 32upx;
		}
		.merchantCount{
			.grayAndFont22();
			position: absolute;
			right: 10px;
			top: 20upx;
		}
	}
	.myLoveEatRecord{
		scroll-view{
			/* 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 */
			white-space: nowrap;
			width: 100%;
		}
		:first-child{
			margin-left: 0upx !important;
		}
		.loveEatDetail{
			display: inline-block;
			margin-left: 10upx;
			.title{
				font-size: 26upx;
			}
			.time{
				.grayAndFont22();
				margin-top: 10upx;
			}
		}
	}
}

//历史订单
#order0{
	padding-top: 0px;
    margin-top: 0px;
	padding-bottom: 86upx;
}
.orderHistory{
	padding: 0 20upx;
	background: #fff;
	margin-top: 20upx;
	.titleOut{
		padding-top: 10upx;	
	}
	.title{
		padding: 6px 0;
		font-size: 32upx;
	}

	:nth-child(2){
		//margin-top: 0upx !important;
		border:none !important;
		//padding-bottom: 80upx;
		//padding-top: 0upx !important;
	}
	
	.orderDetail{
		margin-top: 0upx;
		padding: 14upx 0;
	    padding-bottom: 74upx;
		margin-top: 20upx;
		border-top:1upx solid lightgray;
		&:nth-last-child(1){
			//margin-bottom: 140upx;
			padding-bottom: 90upx;
		}
		.paymentStatus{
			position: absolute;
		    right: 0upx;
			color: unset;
			.iconfont{
				margin-left: 10upx;
			}
		}
		.detail{
			.foodInfo{
				.money{
					position: absolute;
					right: 0upx;
				}
			}
			
			.comment{
				font-size: 26upx;
				position: absolute;
                right: 0upx;
				top: 212upx;
			}
		}
		.orderRecord{
			margin-top: 20upx;
		}
	}
}

//猜你喜欢
.guessYouLike{
	margin-bottom: 140upx;
	.title{
		color:darkred;
		font-size: 32upx;
		justify-content: space-evenly;
		text-align: center;
		margin-top: 20upx;
	}
	.guessDetail{
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
		font-size: 15upx;
		&:after{
			content: "";
			width: 348upx;
		}
		.guessDetailItem{
			width: 334upx;	
			padding: 10upx;
			background: #fff;
		    margin-top: 18upx;	
			image{
				width: 100%;
			    height: 330upx;
			}
			.one{
				font-size: 25upx;
			}
			.tow{
				font-size: 20upx;
			}
			.desc{
				margin-top: 12upx;
			}
			.lastDesc{
				position: relative;
				border-top: 1px solid lightgray;
				margin-top: 18upx;
				padding-top: 18upx;
				padding-bottom: 10upx;
				.bottomTitle{
					font-size: 25upx;
				}
				.icongengduo{
					position: absolute;
					right: 2px;
					top: 6px;
					color: gray;
					font-size: 40upx;
				}
			}
		}
	}
}